var vue = new Vue({
    el:"#main-container",
    data:{
        pageInfo:{
            current:1,
            size:5
        },
        office:{},
        active:false
    },
    methods:{
        select(pageNum,pageSize){
            axios({
                url:"/manager/office/select",
                method:'get',
                params:{
                    current:pageNum,
                    size:pageSize
                }
            }).then((data) => {
                this.pageInfo = data.data.data;
            }).catch((err) => {
                console.log(err);
            })
        },
        toUpdate(officeId){
            axios({
                url:'/manager/office/selectOne',
                params: {id:officeId}
            }).then((response) => {
                if (response.data.code==500) {
                    layer.msg(response.data.msg)
                    return;
                }
                // console.log(response.data);
                //返回数据，绑定到当前父窗口layer的appVersion上，传递给子窗口
                //对一些实时性要求不高的数据更新，可以不查询数据，直接方法传参对象，传递到layer子窗口
                layer.officeMessage = response.data.data;
                console.log(layer);
                let index = layer.open({
                    type:2, //类型：0信息框，1页面层  2 iframe层  3加载层  4 tips层
                    title:'更新机构信息',
                    content:'/manager/office/office-update.html',
                    area:['60%','80%'], //弹出层宽高
                    end: () => {//将上下文中的this传递到end的回调函数中，弹出层销毁后的回调
                        //刷新页面数据
                        this.select(this.pageInfo.current,this.pageInfo.size);
                    }
                });
            })
        }
    },
    created(){
        this.select(this.pageInfo.current,this.pageInfo.size);
    }
})